<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current">
        
        <div class="content">
        
          <div class="physical-warpper">
            
            <div class="physical-logo">
              <img src="" alt="">
            </div>

            <div class="physical-card">
              
              <h1 class="card-title">告诉我你的基本情况，一起减减肥！</h1>

              <form action="${ctx.host}/physical-exam/pages/2" method="post">
                
                <div class="form-item">
                  <input class="input-fill" type="text" name="nickname" value="" placeholder="昵称">  
                </div>
                
                <div class="form-item clearfix">
                  <input class="height" type="text" name="height" value="" placeholder="身高cm">
                  <input class="weight" type="text" name="weight" value="" placeholder="体重kg">
                </div>

                <div class="form-item">
                  <input id="birthday" class="input-fill" type="text" name="birthday" placeholder="出生日期">
                </div>
                
                <div class="form-item clearfix sex-wrapper label-select-wrapper">
                  <c:forEach var="sex" items="${enums['sex']}">
                    <c:if test="${sex.display}">
                      <label class="label-select">
                        <i class="tag label">${sex.description}</i>
                        <input class="select" type="radio" name="sex" value="${sex}" />
                      </label>
                    </c:if>
                  </c:forEach>
                </div>

                <div class="form-item no-border menses">
                    <input type="checkbox" name="physiology" value="true">&nbsp;&nbsp;这周我在生理期
                </div>

                <p class="tips color-danger" style="padding: 0 .7rem;">以上信息必须告诉我才能获得完整方案哦~</p>
                
                <a href="javascript:void(0);" class="physical-button button button-big button-fill button-gray disabled js-submit">还有吗？</a>

              </form>

            </div>

          </div>
        
        </div>
        <!-- End Content -->
        
      </div>
    </div>
    
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource type="script" root="${ctx.resource}/build" src="js/page/physical/index.js" />
    <script type="text/javascript">
      require(['page/physical/index'], function(page) {
        page.init()
      })
    </script>
    
  </body>
</html>